#google_translate_element {
    position: fixed;
    bottom: 22px;
    left: 22px;
    z-index: 999
}

#google_translate_element select {
    padding: .4375rem .75rem;
    border: 0;
    outline: 1px solid #CED4DA;
    color: #5b5a5a
}

.rstrt {
    z-index: 2999;
    position: fixed;
    font-size: 14px;
    font-family: Arial;
    font-weight: 900;
    margin-bottom: 2px;
    display: block;
    line-height: 1.8;
    top: 40px;
    right: -10000px;
    padding: 0 12px;
    pointer-events: none;
    color: #721c24;
    background-color: #f8d7da;
    border: none;
    transition: all 1.5s cubic-bezier(1, 0, 0, 1)
}

.o_Disabled {
    cursor: not-allowed !important;
    background: #e9e9e9 !important;
    border: 1px solid transparent !important;
    opacity: 1
}

.tbl_emt td,
td.__null {
    text-align: center !important;
    color: #721c24 !important;
    font-weight: 600;
    background: #f8d7da !important;
    border: 1px solid #f5c6cb !important;
    font-variant: small-caps
}

.rstrt._roll {
    transition: all .6s cubic-bezier(.77, 0, .18, 1) !important
}

.rstrt i.ion-alert {
    font-size: 10px
}

.isPos {
    position: relative
}

.det_tr span.Hov {
    position: absolute;
    top: -10pt;
    left: 20pt;
    font-size: 18pt;
    display: block !important;
    animation: doHov .4s linear infinite alternate
}

@keyframes doHov {
    from {
        top: 0
    }
}

.rstrt .___echo {
    display: inline
}

.table.c_CDL td {
    margin-bottom: 17pt;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.cHy {
    max-width: 100%;
    background: #fdfdfd;
    padding: 6px 40px 6px 20px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 2.5em;
    z-index: 9999;
    border-width: 1px 2px 1px 5px;
    border-style: solid;
    border-color: #c1c1c1 #626161;
    user-select: none;
    text-align: center;
    transition: all 2s;
    animation: fallIn 2s ease-in-out
}

.cHy .cfg_y44 {
    color: #6f6f6f;
    font-size: 18px;
    font-family: Arial;
    font-weight: 700;
    text-transform: capitalize
}

.cHy .connify {
    font-size: 30px;
    vertical-align: sub
}

.cHy a.whf_gt6 {
    cursor: pointer;
    text-decoration: none;
    font-family: Arial;
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    top: 6px;
    right: 12px;
    color: #ccc
}

.cHy a.whf_gt6:hover {
    color: var(--AppColor)
}

.pre_load_hsfrqy {
    pointer-events: none;
    display: none;
    border-style: solid;
    border-color: rgb(79, 94, 130) transparent;
    border-width: 3px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%), rotate(0deg);
    -webkit-animation: ___load .6s linear infinite;
    animation: ___load .6s linear infinite;
    z-index: 2000
}

.btn-tables td {
    padding: 3px 0 !important
}

.btn-tables td table {
    float: right
}

tr.btn-tables {
    border: none !important
}

.btn-tables td a {
    background: #fafafa;
    color: #333 !important
}

.btn-tables td a:hover {
    background: #eee;
    border-color: #ddd;
    color: #23527c !important
}

.btn-tables td span {
    background: #337ab7;
    border-color: #337ab7;
    color: #fff
}

.btn-tables td * {
    border: 1px solid #ddd;
    text-decoration: none;
    transition: all .3s;
    font-weight: bold;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    padding: 4px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    position: relative;
    width: auto !important
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .cHy {
        width: 90%;
        line-height: 20px
    }
    .cHy .cfg_y44 {
        font-size: 10pt !important
    }
    .cHy a.whf_gt6 {
        font-size: 12px
    }
}

.menu .app-brand.demo {
    height: 64px;
    margin-top: 12px
}

.app-brand-logo.demo svg {
    width: 22px;
    height: 38px
}

.app-brand-text.demo {
    font-size: 1.75rem;
    letter-spacing: -0.5px;
    text-transform: lowercase
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
    padding-top: 76px !important
}

.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 64px !important
}

.content-wrapper .navbar {
    z-index: auto
}

.demo-blocks>* {
    display: block !important
}

.demo-inline-spacing>* {
    margin: 1rem 0.375rem 0 0 !important
}

.demo-vertical-spacing>* {
    margin-top: 1rem !important;
    margin-bottom: 0 !important
}

.demo-vertical-spacing.demo-only-element>:first-child {
    margin-top: 0 !important
}

.demo-vertical-spacing-lg>* {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important
}

.demo-vertical-spacing-lg.demo-only-element>:first-child {
    margin-top: 0 !important
}

.demo-vertical-spacing-xl>* {
    margin-top: 5rem !important;
    margin-bottom: 0 !important
}

.demo-vertical-spacing-xl.demo-only-element>:first-child {
    margin-top: 0 !important
}

.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important
}

[dir='rtl'] .rtl-only {
    display: block !important
}

.layout-demo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem
}

.layout-demo-placeholder img {
    width: 900px
}

.layout-demo-info {
    text-align: center;
    margin-top: 1rem
}